/* BASIC css start */
#mypage { position: relative; margin: 0 auto; margin-bottom: 100px; }
#mypage .page-hd { position: relative; margin-top: 15px; padding-bottom: 6px; border-bottom: 1px solid #d0d0d0; }
#mypage .page-body { padding: 25px 20px 0; }
#mypage .info { zoom: 1; overflow: hidden; line-height: 1.5; }
#mypage .info .user, 
#mypage .info .order { float: left; min-height: 117px; padding: 10px 0 0 20px; border: 3px solid #ededed; }
#mypage .info .user { width: 60%; }
#mypage .info .user p { color: #0178d3; font-weight: bold; }
#mypage .info .user ul { margin-top: 15px; color: #666; }
#mypage .info .order { zoom: 1; overflow: hidden; float: right; width: 30%; }
#mypage .info .order dt, 
#mypage .info .order dd { float: left; margin-bottom: 2px; }
#mypage .info .order dt { width: 45%; clear: both; }
#mypage .info .order dd { width: 50%; text-align: right; }
#mypage .info .order dd a:hover { text-decoration: underline; }
#mypage .info .order .tot { margin-bottom: 10px; color: #b70606; font-weight: bold; }
#mypage .grp { margin-top: 35px; padding: 8px 0; text-align: center; background-color: #f7ecd8; line-height: 1.5; }
#mypage .grp span { color: #b70606; }
#mypage .grp .fc-blue { color: #0178d3; }
#mypage .hd { position: relative; margin-top: 40px; }
#mypage .hd h3 { padding-bottom: 2px; color: #666; font-size: 12px; font-weight: bold; }
#mypage .hd .view { position: absolute; bottom: 5px; right: 0; }
#mypage .tbl { border-bottom: 2px solid #cdcdcd; }
#mypage .tbl th { padding: 8px 0 6px; border-top: 2px solid #cdcdcd; border-bottom: 2px solid #cdcdcd; background-color: #ededed; color: #838383; }
#mypage .tbl td { padding: 6px 0 4px; border-top: 1px solid #e2e2e2; }
#mypage .lst { zoom: 1; overflow: hidden; padding: 0 0 20px 10px; border-top: 2px solid #cdcdcd; }
#mypage .lst li { float: left; width: 152px; margin: 20px 10px 0 0; text-align: center; font-weight: bold; line-height: 1.25; }
#mypage .lst li .thumb { width: 150px; height: 150px; border: 1px solid #cfcfcf; }
#mypage .lst li .thumb img { width: 100%; height: 100%; }
#mypage .lst li .prd-name { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 12px; color: #777; }
#mypage .lst li .prd-price { color: #333; }
/* BASIC css end */

